<template>
  <div class="infos">
      <h1>{{goodsinfos.title}}</h1>
      <div v-html="goodsinfos.content"></div>
  </div>
</template>
<script>
    export default {
        data(){
            return {
                goodsinfos:{}
            }
        },
        created(){
            this.getThisinfos()
        },
        methods:{
            getThisinfos(){
                this.$axios.get('api/goods/getdesc/'+ this.$route.params.id).then(results=>{
                    if(results.data.status==0){
                        this.goodsinfos=results.data.message[0];
                    }
                })
            }
        }
    }
</script>
<style lang="scss" scoped>

    .infos{
        padding: 10px;
        h1{
            font-size: 20px;
            text-align: center;
            padding: 0 20px;
        }
        [data-v-c21e4f6a] /deep/ table{
            width: 100%!important;
        }
        [data-v-c21e4f6a] /deep/ img{
            width: 100%!important;
            display: block;
        }
    }
</style>

